<template>
    <div>
      <div>
        <h2>Welcome!</h2>
        <p>How can I help you? </p>
      </div>
      <div>
        <input v-model="message" type="text" placeholder="Type here">
        <button @click="handleMessage">Send</button>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    data(){
      return {
        message: ''
      }
    },
    methods: {
      handleMessage(){
        if(this.message == ''){
          alert('Please type your message')
        } else {
          this.sendMessageToAI(this.message)
        }
      },
      sendMessageToAI(message){
        // use your AI client here
      }
    },
  }
  </script>